<style>
	#box{
		width:1010px;		
		margin: 0 auto;
	}
	.search{
		height:60px;
		line-height:60px;
	}
	.search >p{
		text-align:right;
	}
	.search input{
		width:200px;
		margin-right:22px;
	}
	.explain{
		width:1010px;		
		margin-top:10px;
		overflow:hidden;
	}
	.explain>ul{
		float:left;		
	}
	.explain>ul li{
		width:498px;
		height:98px;
		border:1px solid #cdcdcd;
		margin-top:10px;
	}
	.explain>ul li>div{
		float:right;
		width:370px;
		height:70px;
		margin:15px;	
		align-items:center;
		display:flex;
	}
	.explain>ul li>div>p>span{
		display:inline-block;
		min-height:0px;
		max-height:50px;
		overflow-y:auto;
	}
	.explain .ulRight{
		margin-left:10px;
	}
	.mess_1,.mess_2,.mess_3{
		width:1008px;
		border:1px solid #cdcdcd;
		margin-bottom:20px;
	}
	.orderDetail{
		margin:30px;
		height:120px;
	}
	.orderDetail>div{
		float:left;
		height:120px;
	}
	.orderDetail>div:nth-of-type(1){
		width:800px;
	}
	.orderDetail>div:nth-of-type(2){
		width:120px;
		display: flex;
		justify-content: center;
		align-items: center;		
	}
	.orderDetail>div p{
		line-height:32px;
	}
	.orderDetail>div p laber{
		margin-right:30px;

	}
	.orderDetail div .orderNoP{
		font-size:20px;
		font-weight:900;
		line-height:36px;
	}
	.flightDetail{
		overflow:hidden;
		margin:30px
	}
	.flightDetail ul li{
		float:left;
	}
	.flightDetail ul li>span{
		line-height:20px;
	}
	.flightDetail ul li:nth-of-type(1){
		width:300px;
		line-height:40px;
	}
	.flightDetail ul li:nth-of-type(2){
		width:220px;
	}
	.flightDetail ul li:nth-of-type(3){
		width:270px;
	}
	.flightDetail ul li:nth-of-type(4){
		width:120px;
	}
	.mess_3 table{
		width:1008px;
		
	}
	.mess_3 table tr{
		border:1px solid #cdcdcd;
	}
	.mess_3 table td{
		height:50px;
	}
	.mess_3 table th{
		background:#e4e4e4;
		height:40px;
	}
</style>
<div id="box">
	<div class="search">
		<p>
			<span>订单号  :  <input type="text" ng-model="postData.orderId" placeholder="请输入改签订单号"/><button ng-click="query()" class="query">查询</button></span>
		</p>
	</div>
	<div ng-show="show" class="mess_1">
		<div class="orderDetail">
			<div>
				<p class="orderNoP">订单号 : <span> {{data.orderId}}</span></p>
				<p>
					<laber>供应商订单号 :<b> --</b></laber>
					<laber>原订单号 :<b> {{data.origOrderId}}</b></laber>
					<laber>供应商原订单号 :<b> --</b></laber>
					<laber>改签类型 :<span class="yellowW"> {{data.endorseType|endorseType}}</span></laber>				
				</p>
				<p>
					<laber>支付方式 :<b> {{data.settlement.payType|payType}}</b></laber>
					<laber>应收余额 :<span class="yellowW"> {{data.settlement.customerPayAmount}}</span></laber>
					<laber>改签基建费/燃油费 :<b> {{data.settlement.departureFare}}/{{data.settlement.fuelFare}}</b></laber>
					<laber>票面差价 :<b> {{data.settlement.faceFare}}</b></laber>
					<laber>附加费 :<b> {{data.settlement.extraFee}}</b></laber>
				</p>
				<p>
					<laber>手续费 :<b> {{data.settlement.feeAmount}}</b></laber>
				</p>
			</div>
			<div>
				<p>订单状态  : <span class="yellowW"> {{data.orderStatus|endorseOrderStatus}}</span><p>
			</div>
		</div>
	</div>
	<div ng-show="show" class="mess_2">
		<div class="flightDetail" ng-repeat="flightSegmentInfo in data.flightSegmentInfo">
			<ul>
				<li><span>航班号 : <span class="yellowW"> {{flightSegmentInfo.flightNo}}</span></span></li>
				<li>
					<span>航空公司 : <b> {{flightSegmentInfo.airLineCompany}}</b></span></br>
					<span>行程 : <b> {{flightSegmentInfo.fromAirport}}-{{flightSegmentInfo.toAirport}}</b></span>
				</li>
				<li>
					<span>出发时间 : <span>{{flightSegmentInfo.departmentDate}}</span></span></br>
					<span>到达时间 : <span>{{flightSegmentInfo.arrivalDate}}</span></span>
				</li>
				<li>
					<span>机型 : <span>{{flightSegmentInfo.planeModel}}</span></span></br>
					<span>舱位 : <span>{{flightSegmentInfo.cabinCode}}</span></span>
				</li>
			</ul>
		</div>
	</div>
	<div ng-show="show" class="mess_3">
		<table>
			<tr>
				<th>PNR</th>
				<th>新PNR</th>
				<th>票号/序列</th>
				<th>改签类型</th>
				<th>旅客姓名</th>
				<th>旅客类型</th>
				<th>证件号</th>
				<th>票面价</th>
				<th>基建费/燃油费</th>
				<th>附加费</th>
				<th>手续费</th>
			</tr>
			<tr ng-repeat="ticketInfo in data.ticketInfo">
				<td>{{ticketInfo.pnr}}</td>
				<td>{{ticketInfo.newPnr}}</td>
				<td>{{ticketInfo.ticketNo}}/{{ticketInfo.consecutiveSeqNo}}</td>
				<td>{{data.endorseType|endorseType}}</td>
				<td>{{ticketInfo.passengerName}}</td>
				<td>{{ticketInfo.passengerType|passengerType}}</td>
				<td>{{ticketInfo.credentialCode}}</td>
				<td>{{ticketInfo.facePrice}}</td>
				<td>{{ticketInfo.departureTax}}/{{ticketInfo.fuelTax}}</td>
				<td>{{ticketInfo.extraFee}}</td>
				<td>{{ticketInfo.fee}}</td>
			</tr>
		</table>
	</div>
	<div ng-show="show" class="explain" ng-repeat="rule in data.endorseAndRefundRule">
		<ul class="ulLeft">
			<li style="background:url(../image/theBack/change.jpg) left center no-repeat">
				<div>
					<p>
						<b style="line-height:22px;">更改说明</b></br>
						<span>{{rule.ticketChangeRemark}}</span>
					</p>
				</div>
			</li>
			<li style="background:url(../image/theBack/change2.jpg) left center no-repeat">
				<div>
					<p>
						<b style="line-height:22px;">签转说明</b></br>
						<span>{{rule.ticketSignChangeRemark}}</span>
					</p>
				</div>
			</li>
			<li style="background:url(../image/theBack/change3.jpg) left center no-repeat">
				<div>
					<p>
						<b style="line-height:22px;">退改签备注</b></br>
						<span>{{rule.outRemark}}</span>
					</p>
				</div>
			</li>
		</ul>
		<ul class="ulRight">
			<li style="background:url(../image/theBack/change4.jpg) left center no-repeat">
				<div>
					<p>
						<b style="line-height:22px;">退票说明 </b></br>
						<span>{{rule.ticketBounceRemark}}</span>
					</p>
				</div>
			</li>
			<li style="background:url(../image/theBack/change5.jpg) left center no-repeat">
				<div>
					<p>
						<b style="line-height:22px;">废票备注</b></br>
						<span>{{rule.ticketChangeRemark}}</span>
					</p>
				</div>
			</li>
			<li style="background:url(../image/theBack/change6.jpg) left center no-repeat">
				<div>
					<p>
						<b style="line-height:22px;">退改签补充规定</b></br>
						<span>{{rule.extraRule}}</span>
					</p>
				</div>
			</li>
		</ul>
	</div>
</div>